
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>一丢丢</title>
    <meta name="keywords" content="">
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/content.css" />
    <script src="jQuery/html5shiv.js"></script>
    <script src="jQuery/jquery-min.js"></script>
    <script src="jQuery/responsiveslides.min.js"></script>
    <script src="jQuery/mains.js"></script>
    <script type="text/javascript" src="jQuery/CGA.js"></script>
    <script src="jQuery/idangerous.swiper2.7.6.min.js"></script>
    <script src="jQuery/hot.js"></script>
</head>

<body>
<header class="header">
    <div class="w clearfix">
        <a href="#" ><div class="logo fl"></div></a>
        <!-- <p class="p fr">
             <a class="language_switch fr" href="javascript:void(0);">Global</a>
         </p>-->
        <ul class="nav fr">

            <li><h2><a href="#">产品介绍</a></h2></li>

            <li><h2><a href="/html/Givenchy.html">品牌介绍</a></h2></li>

            <li>
                <h2><a href="/html/aboutUs.html">关于我们</a></h2>
            </li>
            <li>
                <h2></h2>
            </li>
        </ul>

        <!--子菜单-->
        <div class="submenu">
            <div class="sub_panel">

                <dl>
                    <dd class="clearfix">
                        <div class="webstieMain">
                            <a href="/html/X.html?version=1">
                                <img src="img/small.png" alt="室内版本" /><br /><div class="classsize">室内版本</div>
                            </a>
                        </div>
                        <div class="webstieMain" style="  margin-left:0px;">
                            <a href="/html/Sx.html?version=2">
                                <img src="img/big0.png  " alt="室外版本" /><br /><div class="classsize">室外版本</div>
                            </a>
                        </div>

                    </dd>
                </dl>
            </div>
        </div>
    </div>
</header>

<!-- 幻灯片 callbacks_container -->
<section class="swiper-container">
    <!--  <a class="arrow-left" href="#"></a>
      <a class="arrow-right" href="#"></a>-->
    <div class="swiper-wrapper">
        <div class="swiper-slide slide1" style="width: 1920px;">
            <a href="/html/Givenchy.html" class="inner inn" style="display:none">
                <div class="ani img s0" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s">轻松一丢“易如往常”</div>
                <div class="ani img s1" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">一丢丢公共智能分类垃圾箱，不但帮您省去思考“如何分类”“XX是什么垃圾”的环节，也不需要复杂的刷卡、扫码、记忆，投进去就告诉您结果，像以往正常投垃圾一样随手一丢就能完成分类</div>
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/s2.png" class="ani img s2" swiper-animate-effect="flipInY" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/s3.png" class="ani img s3" swiper-animate-effect="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay=".2s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/s4.png" class="ani img s4" swiper-animate-effect="fadeInUp" swiper-animate-duration="2.5s" swiper-animate-delay="0s">
            </a>
        </div>
        <div class="swiper-slide slide2">
            <a href="/html/X.html?version=1" class="inner">
                <img src="img/big.png" width="1280px" height="750px" class="ani img zh-a-1" swiper-animate-effect="bounceInDown" swiper-animate-duration="2s" swiper-animate-delay="0.5s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/pigBnnaer_1_03.png" width="1500px" height="800px"  class="ani img zh-a-2" swiper-animate-effect="zoomIn" swiper-animate-duration="2s" swiper-animate-delay="0s">
            </a>
        </div>
        <div class="swiper-slide slide3">
            <div class="inner">
                <div class="ani img s0" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s" style="    color: aliceblue;margin-top: 33%;font-size: 38px;">举手之劳,参与环保</div>
                <div class="ani img s0" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s" style="color: aliceblue;margin-top: 40%;font-size: 28px;">真正的科技，是让人感受不到科技的存在</div>
                <img src="../html/img/small.png" width="820px" height="500px" class="ani img b-1" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-s.png" class="ani img b-s-1" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-s.png" class="ani img b-s-2" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-s.png" class="ani img b-s-3" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0.6s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-s.png" class="ani img b-s-4" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0.8s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-s.png" class="ani img b-s-5" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.2s" swiper-animate-delay="1.5s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-s.png" class="ani img b-s-6" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.2s" swiper-animate-delay=".5s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-y-1.png" class="ani img b-y-1 loop" swiper-animate-effect="moveRight" swiper-animate-duration="15s" swiper-animate-delay="4s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-y-2.png" class="ani img b-y-2 loop" swiper-animate-effect="moveLeft" swiper-animate-duration="15s" swiper-animate-delay="0s">
                <img src="http://yanshi.sucainiu.com/sucai/2019/0905/1567692288/images/b-y-3.png" class="ani img b-y-3 loop" swiper-animate-effect="moveRight" swiper-animate-duration="15s" swiper-animate-delay="0s">
                <div class="targetBtn clearfix ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                    <a class="a1" href="/html/X.html?version=1">了解更多</a>
                    <!-- <a class="a2" href="#" style="" rel="media-gallery"><i></i>观看视频介绍</a>-->
                </div>
            </div>
        </div>
    </div>
    <div class="pagination"></div>
</section>
<script>
    setTimeout(function(){
        $('.inn').css({"display":"block"});
    },1600);
    var mySwiper = new Swiper ('.swiper-container', {
        pagination: '.pagination',
        paginationClickable :true,
        autoplay : 8000,
        speed:1,
        loop:true,
        /*/!*--可以让图片循环轮播*!/*/

        autoplayDisableOnInteraction : false,

        onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(swiper); //隐藏动画元素
            swiperAnimate(swiper); //初始化完成开始动画
        },
        onSlideChangeEnd: function(swiper){
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
        }
    })
    $('.swiper-slide').mouseenter(function () {
        mySwiper.stopAutoplay();
    })
    $('.swiper-slide').mouseleave(function () {
        mySwiper.startAutoplay();
    })
    /* $('.arrow-left').on('click', function(e){
         e.preventDefault()
         mySwiper.swipePrev()
     })
     $('.arrow-right').on('click', function(e){
         e.preventDefault()
         mySwiper.swipeNext()
     })*/
</script>
<!--<section>
 &lt;!&ndash;   <div class="pro_topA">
        <span class="linepro">产品介绍</span>
    </div>
    <div class="pro_top_title">
       &lt;!&ndash; <span>重新定义智能垃圾箱</span>&ndash;&gt;
    </div>&ndash;&gt;

</section>-->
<section style="height:20px;">
</section>

<section class="P1" style="background:#e3edef;height:100%;">
    <ul>
        <li>
            <a href="/html/Sx.html?version=1">
                <h2 class="proshow">重新定义智能垃圾箱</h2>

                 <h2 class="proshowAll">
                     <span style="font-size:30px;">“炫”</span>自动分类，彰显科技感和未来感，营造场所科技质感；
                 </h2>
                <h2 class="proshowAllling">
                      <span style="font-size:30px;">“灵”</span>视觉和声音双重交互反馈，充分满足人们环保参与感。
                </h2>
                <a href="/html/Sx.html?version=1"><div>查看详情</div></a>
                <img src="img/pro03.png" alt="" class="proimgshow">
            </a>
        </li>
    </ul>
</section>
<section style="height:20px;">
</section>

<section class="P2" style="margin-top: 200px;background:#cdd6b9;height:100%;">
    <ul>
        <li>
            <a href="/html/X.html?version=1">
                <div>
                 <p  class="proshowP1y">“易”</p>
                <p class="proshowP1">省去监管，提升分拣效率，同时使得垃圾分类这件事“易”如往常。顾客不经意间体验科技生活，纷至沓来。</p>
                <p  class="proshowP2m">“美”</p>
                <p class="proshowP2">优雅造型，完美融入室内外场景，简约而不简单；</p>
                <a href="/html/X.html?version=1"><div class="P2show">查看详情</div></a>
                </div>
                <img src="img/pro01.png" alt="" class="proimgshow" style="    padding: 70px 0px;">
            </a>
        </li>
    </ul>
</section>
<!--<section class="P3">
    <ul>
        <li>
            <a href="X.html">
                <h2 class="proshow">重新定义智能垃圾箱</h2>
                <img src="img/pro03.jpg" alt="" class="proimgshow">
            </a>
        </li>
    </ul>
</section>-->

<!--产品介绍-->

<!--<section>
    <div class="pro_top">
        <span class="linepro">产品中心</span>
    </div>
    <div class="pro_top_title">
        <span>重新定义智能垃圾箱</span>
    </div>

    <div style="    background: rgba(15,154,242,0.2);">
    <div class="xn_c_index_275_wrap" id="xn_c_index_275_wrap" data-type="block">
        <div class="xn_c_index_275_main" style="margin-top:38px;">
            <div class="xn_c_index_275_cWrap" id="xn_c_index_275_cWrap">
                <ul class="xn_c_index_275_cUl" id="xn_c_index_275_cUl">
                    <li class="xn_c_index_275_cLi">
                        <ul class="xn_c_index_275_cMain">

                            <li class="xn_c_index_275_items">
                                <div class="xn_c_index_275_cImg">
                                    <a href='html/X.html'>
                                        <img src='img/001.png' alt='小版本垃圾箱'>
                                    </a>
                                </div>
                                <div class="showsmall">
                                        <h3>
                                            <a href='html/X.html'>重新定义智能垃圾箱A</a>
                                        </h3>
                                </div>
                                <div class="xn_c_index_275_cCont">
                                    <div class="xn_c_index_275_cTitle">
                                        <h3>
                                            <a href='html/X.html'>小版本垃圾箱</a>
                                        </h3>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </li>

                            <li class="xn_c_index_275_items">
                                <div class="xn_c_index_275_cImg">
                                    <a href='html/X.html'>
                                        <img src='img/002.png' alt='小版本垃圾箱'>
                                    </a>
                                </div>
                                <div class="showsmall">
                                    <h3>
                                        <a href='html/X.html'>重新定义智能垃圾箱B</a>
                                    </h3>
                                </div>
                                <div class="xn_c_index_275_cCont">
                                    <div class="xn_c_index_275_cTitle">
                                        <h3>
                                            <a href='html/X.html'>小版本垃圾箱</a>
                                        </h3>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </li>

                            <li class="xn_c_index_275_items">
                                <div class="xn_c_index_275_cImg">
                                    <a href='html/X.html'>
                                        <img src='img/003.png' alt='小版本垃圾箱'>
                                    </a>
                                </div>
                                <div class="showsmall">
                                    <h3>
                                        <a href='html/X.html'>重新定义智能垃圾箱C</a>
                                    </h3>
                                </div>
                                <div class="xn_c_index_275_cCont">
                                    <div class="xn_c_index_275_cTitle">
                                        <h3>
                                            <a href='html/X.html'>小版本垃圾箱</a>
                                        </h3>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="xn_c_index_275_left" id="xn_c_index_275_left"> <span><</span></div>
            <div class="xn_c_index_275_right" id="xn_c_index_275_right"><span>></span></div>
        </div>
    </div>
    </div>

</section>-->

<!-- main_pro -->
<section class="main_pro">
    <!--<div class="pro_top">
        <span class="linepro">场景展示</span>
    </div>
    <div class="pro_top_title">
       &lt;!&ndash; <span>多场景使用智能垃圾箱</span>&ndash;&gt;
    </div>-->
    <ul class="clearfix">


        <li>
            <!--<a href="X.html" class="product_container">-->
            <dl>
                <dt style="color:#fff;">
                    <div>
                        <h2>商场</h2><span>SHOPPING ARCADE</span>
                    </div>
                </dt>

                <dd><img src="img/商场.jpg"  alt="商场"></dd>
                <!-- <dd class="product-mask">
                         <div class="product_infor">
                             <div class="product-title">
                                 <h2 class="product-name">350L智能室内瓶类回收箱</h2>
                                 <h3 class="product-type">ZLD13</h3>
                             </div>
                             <div class="product-desc">
                                 <p class="product-content">ZLD13智能室内瓶类回收箱，容量350L，产品尺寸742*700*2054mm，产品标配专业版3288中控系统，瓶类投口指示灯，瓶类投口计数功能，满桶率提示</p>
                             </div>
                         </div>
                 </dd>-->
            </dl>
            <!--</a>-->
        </li>



        <li>
            <!--<a href="X.html">-->
            <dl>
                <dt style="color:#fff;">
                    <div>
                        <h2>酒店</h2><span>WINE SHOP</span>
                    </div>
                </dt>
                <dd><img src="img/酒店.jpg" alt="酒店"    ></dd>
            </dl>
            <!--</a>-->
        </li>



        <li>
            <!--<a href="X.html">-->
            <dl>
                <dt style="color:#fff;">
                    <div>
                        <h2>街边</h2><span>STREET CORNER</span>
                    </div>
                </dt>
                <dd><img src="img/街边.jpg" alt="街边"  ></dd>
            </dl>
            <!--</a>-->
        </li>



        <li>
            <!-- <a href="X.html">-->
            <dl>
                <dt style="color:#fff;">
                    <div>
                        <h2>办工场所</h2><span>OFFICE</span>
                    </div>
                </dt>
                <dd><img src="img/办公场所.jpg" alt="办工场所" ></dd>
            </dl>
            <!--</a>-->
        </li>

    </ul>
</section>

<!-- footer -->
<footer class="footer sg_footer">
    <div class="vp-foot ">
        <ul class="vp-foot-category-list">
            <li>
                <dl class="vp-foot-category">
                    <dt>
                        推荐产品
                    </dt>
                    <dd>
                        <a href="/html/X.html?version=1">室内垃圾箱</a>
                    </dd>
                    <dd>
                        <a href="/html/Sx.html?version=2">室外垃圾箱</a>
                    </dd>

                </dl>
            </li>
            <!--
                                <li>
                                    <dl class="vp-foot-category">
                                        <dt>
                                            购买渠道
                                        </dt>
                                        <dd>
                                            <a target="_blank" href="https://sguai.tmall.com/?spm=a1z10.3-b.1997427721.d4918089.68b0aae93WghNn">天猫旗舰店</a>
                                        </dd>
                                        <dd>
                                            <a target="_blank" href="https://search.jd.com/Search?keyword=%E5%B0%8F%E6%B0%B4%E6%80%AA&enc=utf-8&wq=%E5%B0%8F%E6%B0%B4%E6%80%AA&pvid=f0f68b02f6884e1e991404ee87b4bc3f">京东自营店</a>
                                        </dd>
                                    </dl>
                                </li>
            -->
            <li>
                <dl class="vp-foot-category">
                    <dt>
                        关于我们
                    </dt>
                    <dd>
                        <a  href="/html/Givenchy.html" >品牌介绍</a>
                    </dd>
                    <dd>
                        <a  href="/html/aboutUs.html">关于我们</a>
                    </dd>
                </dl>
            </li>
            <li>
                <dl class="vp-foot-category">
                    <dt>
                        关注我们
                    </dt>
                    <dd style="margin-bottom: 0px;">
                        <img src="img/wx.png" width="60px" height="60px;" onclick="ShowDiv('MyDiv','fade')"/>
                    </dd>
                    <dd style="margin-bottom: 0px;">
                        微信扫描</br>关注公众号
                    </dd>
                </dl>
            </li>
        </ul>
        <div class="vp-foot-contact">
            <div>
                <dl class="vp-foot-category">
                    <dt>
                        联系我们
                    </dt>
                    <dd>
					<span style="color:#009944"> 0755-23016593
                    </span>
                    </dd>
                    <dd >
                       <span style="color:#009944"> 0755-23016825
                       </span>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="vp-foot-bottom">
            <p class="vp-foot-copyright">
                &copy; 2020 科门（洛阳）科门智能科技有限公司 版权所有 备案号：<a href="http://www.beian.miit.gov.cn">粤ICP备16011455号</a>
            </p>
            <script type="text/javascript" src="https://s5.cnzz.com/z_stat.php?id=1277695990&web_id=1277695990"></script>
            <p>
                <br />
            </p>
        </div>
    </div>
</footer>
<div id="fade" class="black_overlay">
</div>
<div id="MyDiv" class="white_content">
    <div style="text-align: right; cursor: default; height: 40px;">
        <span style="font-size: 16px;" onclick="CloseDiv('MyDiv','fade')"><i class="iconfont">&#xe60b;</i></span>
    </div>
    <center style="    margin-top: 6%;">
        <img src="img/wx.png" onclick="CloseDiv('MyDiv','fade')" width="35%;" height="80%"/>
    </center>
</div>

<!--返回顶部-->
<div id="backTop"></div>
<script type="text/javascript">
function ShowDiv(show_div,bg_div){
document.getElementById(show_div).style.display='block';
document.getElementById(bg_div).style.display='block' ;
var bgdiv = document.getElementById(bg_div);
bgdiv.style.width = document.body.scrollWidth;
// bgdiv.style.height = $(document).height();
$("#"+bg_div).height($(document).height());
};
//关闭弹出层
function CloseDiv(show_div,bg_div)
{
document.getElementById(show_div).style.display='none';
document.getElementById(bg_div).style.display='none';
};
</script>


</body>

</html>